<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入类型</title>
</head>
<body>
   <form>
    First name:<br/>
       <!-- 系统会记忆上次的输入项 -->
    <input type="text" name="firstname">
    <br/>
    Last name:<br/>
    <input type="text" name="lastname">
    <br/>
    <input type="password" name="psw"/>
    <br/>
       <input type="radio" name="sex" value="female"/>Female
       <br/>
       <input type="radio" name="sex" value="male" checked/>Male
       <br/>
       <input type="checkbox" name="vehicle" value="Bike"> I have a bike
       <br/>
       <input type="checkbox" name="vehicle" value="Car"> I have a car
       <br>
   </form>
   <p>Html5 支持的新的输入类型</p>

   <!--

   HTML5 增加了多个新的输入类型：
    color
    date
    datetime
    datetime-local
    email
    month
    number
    range  // 滑块
    search
    tel
    time
    url
    week
注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。
    disabled	规定输入字段应该被禁用。
    max	规定输入字段的最大值。
    maxlength	规定输入字段的最大字符数。
    min	规定输入字段的最小值。
    pattern	规定通过其检查输入值的正则表达式。
    readonly	规定输入字段为只读（无法修改）。
    required	规定输入字段是必需的（必需填写）。
    size	规定输入字段的宽度（以字符计）。
    step	规定输入字段的合法数字间隔。
    value	规定输入字段的默认值。
   -->
   <form>
       Quality (between 1 and 5):
       <input type="number" name="quntity" min="1" max="5">
       <br>
       Quality
       <input type="number" name="points" min="0" max="100" step="10" value="30">
       <br>
       Birthday:
       <input type="date" name="bday"/>
       <br>
       Enter a date before 1980-01-01:
       <input type="date" name="bday" max="1979-12-31"/>
       <br/>
       Enter a date after 2000-01-01
       <input type="date" name="bday" min="2000-01-02">
       <br/>
       Select your favorite color:
       <input type="color" name="favColor"/>
       <br>
       滑块 控件 输入类型的 range
       <br>
       <input type="range" name="points" min="0" max="10"/>
       Birthday Month and year
       <br>
       <input type="month" name="bdaymonth"/>
       Birthday A week
       <br>
       <input type="week" name="week_year"/>
       Select a time
       <input type="time" name="usr_time"/>
       <br>
       Time 有时区
       <br>
       <input type="datetime" name="bdaytime">
       <br>
       Date time-local
       <input type="datetime-local" name="bdaytime"><br>
       Email input<br>
       <input type="email" name="email"><br>   <!--  邮箱输入 会记录 之前 输入的邮箱 -->
       Search <br>
       <input type="search" name="googlesearch"><br> <!--  邮箱输入 会记录 之前 输入的邮箱 -->
       Tel <br>
       <input type="tel" name="usrtel"><br> <!--  没有校验 号码 -->
       Url <br>
       <input type="url" name="homePage"><br> <!--  邮箱输入 会记录 之前 输入的邮箱 -->
   </form>
</body>
</html>